<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>新品上市</title>
  <link rel="shortcut icon" href="/favicon.ico">
  <link rel="stylesheet" href="/lib/bootstrap/css/bootstrap.css">
  <link rel="stylesheet" href="/css/hf.css">
  <link rel="stylesheet" href="/css/sort_mod.css">
  <link rel="stylesheet" href="/css/new_product.css">
  <link rel="stylesheet" href="/css/base.css">
  <link rel="stylesheet" href="/css/nav.css">
</head>

<body>
  <header></header>
  <!-- 搜索框 -->
  <div class="nav"></div>

  <div class="container">
    <div class="Q">
      <!-- 左边 -->
      <div class="hot_allbox">
        <div class="hot_rec">
          <p>热销推荐</p>
        </div>
        <div class="hot_rec_imgbox">
          <a href="#"><img src="../img/如果你有疑问.jpg" alt=""></a>
        </div>
      </div>
      <!-- 右边 -->
      <div class="hot_right_box">
        <!-- 首页 -->
        <div class="hot_navi">
          <span><a href="/">首页</a></span>
          <span><img src="../img/crumbs_arrow.png" alt=""></span>
          <span><a href="#"></a></span>
        </div>
        <div class="hot_image">
          <img src="/img/20190516121101986393.jpg" alt="">
        </div>
        <!-- 新品上市 -->
        <div class="hot_new_pro">
          <span>
            <p id="createB">新品上市</p>
          </span>
          <div class="sort_list">
            <span class="sl_in sl_B"
              onclick="$('.sort_list .sl_list').slideToggle(); $('.sort_list .sl_B').toggleClass('sl_out'); $('.sort_list .sl_B').toggleClass('sl_in')">排序</span>
            <div class="sl_list">
              <ul>
                <li>按最新上架时间</li>
                <li>按浏览量</li>
                <li>按购买数量</li>
                <li>按价格从低到高</li>
                <li>按价格从高到低</li>
              </ul>
            </div>
          </div>
        </div>
        <!-- 下面的列表 -->
        <div class="hot_pro_list">
          <ul id="hpl_pro">
            <!-- <li>
              <div class="W">
                <div class="hpl_box">
                  <div class="hplb_img"><img src="../img/box_img01.jpg" alt=""></div>
                  <p class="text1">任天堂 手柄盲包挂件（随机一款）...</p>
                  <p class="text2">Nintendo Console Backpack Buddies</p>
                  <p class="Price">￥36</p>
                </div>
              </div>
            </li> -->
            <script type="text/html" id="newProLists">
              <!-- dataList是你自己取得名字 -->
              {{each dataLists item}}
              <li>
                <div class="W">
                  <div class="hpl_box">
                    <div class="hplb_img"><img src="{{item.img}}" alt=""></div>
                    <p class="text1">{{item.title}}...</p>
                    <p class="text2">{{item.englishName}}</p>
                    <p class="Price">￥{{item.price}}</p>
                  </div>
                </div>
              </li>
              {{/each}}
            </script>
          </ul>
        </div>
      </div>

    </div>

  </div>


  <footer></footer>
  <!-- <script src="../lib/jquery/jquery.min.js"></script>
  <script src="../lib/bootstrap/js/popper.min.js"></script>
  <script src="../lib/bootstrap/js/bootstrap.js"></script> -->
  <script src="/lib/requirejs/require.js" data-main="/js/new_product.js"></script>
</body>

</html>